<template>
  <div class="father">
    <h3>父组件</h3>
    <h4 v-show="book">子给的书籍：{{ book }}</h4>
    <!-- 给子组件Child绑定自定义事件 -->
    <!--    <Child @send-toy="saveToy"/>-->
    <Child @send-book="saveBook"/>

  </div>
</template>

<script setup lang="ts" name="Father">
import Child from './Child.vue'
import {ref} from "vue";
// 数据
// let toy = ref('')
let book = ref('')
// 用于保存传递过来的玩具
// function saveToy(value:string){
// 	console.log('saveToy',value)
// 	toy.value = value
// }
function saveBook(value: string) {
  console.log('saveBook', value)
  book.value = value
}
</script>

<style scoped>
.father {
  background-color: rgb(165, 164, 164);
  padding: 20px;
  border-radius: 10px;
}

.father button {
  margin-right: 5px;
}
</style>